
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
    <xsl:output method="html" indent="yes"/>
    <xsl:template match="/">
        <html>
            <body>
                <xsl:apply-templates/>
            </body>
        </html>
    </xsl:template>
    <xsl:template match="products">
        <xsl:for-each select = "product">
            <div>
                <div class="image">
                    <xsl:element name="img">
                        <xsl:attribute name="src">
                            <xsl:value-of select="image"/>
                        </xsl:attribute>
                    </xsl:element>
                </div>
                <div class="name">
                    <xsl:element name="a">
                        <xsl:attribute name="href">
                            <xsl:text>Controler?btnAction=ViewDetail&amp;productId=</xsl:text>
                            <xsl:value-of select="productId"/>
                        </xsl:attribute>
                        <xsl:value-of select="name"/>
                    </xsl:element>
                </div>
                <div class="price">
                    <xsl:text>Price: $</xsl:text><xsl:value-of select="price"/>
                </div>
                <div class="btnAddtocart">
                    <xsl:element name="input">
                        <xsl:attribute name="value">
                            <xsl:text>Add to Cart</xsl:text>
                        </xsl:attribute>
                        <xsl:attribute name="type">
                            <xsl:text>button</xsl:text>
                        </xsl:attribute>
                        <xsl:attribute name="onclick">
                            <xsl:text>addToCart(</xsl:text>
                            <xsl:value-of select="productId"/>
                            <xsl:text>)</xsl:text>
                        </xsl:attribute>
                        <xsl:attribute name="class">
                            <xsl:text>button</xsl:text>
                        </xsl:attribute>
                    </xsl:element>
                </div>
            </div>
        </xsl:for-each>
    </xsl:template>

</xsl:stylesheet>
